<?php

$pretend_site_is_full = false;

if ( $building_pretending_to_be_mobile ) {

	// Rudimentary detection of whether user is mobile, or on a laptop.
	$detect = strtolower($_SERVER['HTTP_USER_AGENT']);
	$full_site = 'http://staging.socialguides.com/scripts/scbm/template';
	
	if ( (strpos($detect, 'mobile')) == false )	{
		header("location: $full_site");
	}
}

?>

<html>

<head>
	<link href='http://fonts.googleapis.com/css?family=Ubuntu:light,regular,bold' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="mob_historic_tour_style.css">
	
	<script language="javascript">
		function GoToTour() {
			var URL = document.select_what_to_do.tour_list.options[document.select_what_to_do.tour_list.selectedIndex].value;
			window.location.href = URL;
		}
	
	</script>

</head>

<body>
<div id="mobile_frame">

	<div id="top_box">	<! Header box !>
		<! title !>
		<div id="top_main_title">
			<div id="top_title_wrapper">
				<span id="top_title_text">SCPL</span> Bookmarks</span>
			</div>
		</div>
	
		<! bookmark !>
		<div id="top_bookmark_icon">		
			<img src="images/bookmark.png">
		</div>
	
		<! image !>
		<div id="top_graphic">
			<img src="images/clocktower.png">
		</div>	
	</div>

	<! Body box !>
	<div id="body_box">
		<! subtitle !>
		<div id="body_main_title">
			<div id="body_title_wrapper">
				<span id="body_title_text">The Town Clock</span>
			</div>
		</div>

		<! body !>
		<div>
			<div id="body_wrapper">
				<span id="body_text">
The Town Clock, which towers over the convergence of Pacific Avenue and Water and Front Streets, is actually Santa Cruz's second town clock. The first town clock was build as part of the original IOOF building, constructed in 1873 and was practically destroyed in a fire in 1899. The IOOF building was re-built in 1900, along with a new clock tower. In July 1964, the IOOF building was remodeled and the Town Clock was removed with no plans to put it back in its original location. The Clock, in pieces, was stored away in various places and finally stored at Harvey West Park.
The Clock stayed in storage until the 1970's when it's restoration became the City's United States Bicentennial project. The Town Clock was moved to the ...
				</span>
				<div id="more_link_wrapper"><a id="more_link" href="" target="_blank">read more</a></div>
			</div>
		</div>
	</div>

	<! Buttons box !>
	<div id="bottom_buttons_box">

		<! buttons wrapper !>
		<div>

			<form name="select_what_to_do" action="../">
			<! Tours !>
			<a class="bottom_buttons_links" href="tours">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_tours">
						<select class="what_to_do_dropdown" name="tours" onChange="location.href=this.options[this.selectedIndex].value">
							<option disabled=disabled>Tours</option>
							<option value="mob_template">Historic Downtown</option>
							<option value="mob_template">West Cliff Walk</option>
							<option value="mob_template">San Lorenzo River</option>
							<option value="mob_template">Pleasure Point</option>
						</select>
					</div>
				</div>
			</a>
		
			<! Topics !>
			<a class="bottom_buttons_links" href="topics">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_topics">
						<select class="what_to_do_dropdown" name="topics" onChange="message('This menu is not yet active.');">
							<option disabled=disabled>Topics</option>
							<option>Something else</option>
							<option>Something again</option>
						</select>
					</div>
				</div>
			</a>
		
			<! Nearby !>
			<a class="bottom_buttons_links" href="nearby">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_nearby">
						<select class="what_to_do_dropdown" style="width:78px;" name="nearby" onChange="message('This menu is not yet active.');">
							<option disabled=disabled>Nearby</option>
							<option>Something nearest</option>
							<option>Something nearer</option>
							<option>Something near</option>
							<option>Something far</option>
						</select>
					</div>
				</div>
			</a>

			</form>		
		</div>


</div>

</body>
</html>